﻿@model KRM.Core.tblLogsExceptionMail
@{
    ViewBag.Title = "Edit";
}
<!doctype html>
<html>
<head>
    <meta charset="utf8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <!-- Apple devices fullscreen -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- Apple devices fullscreen -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <title>@ViewBag.Title</title>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <!-- Bootstrap responsive -->
    <link rel="stylesheet" href="/css/bootstrap-responsive.min.css">
    <!-- jQuery UI -->
    <link rel="stylesheet" href="/css/plugins/jquery-ui/smoothness/jquery-ui.css">
    <link rel="stylesheet" href="/css/plugins/jquery-ui/smoothness/jquery.ui.theme.css">
    <!-- dataTables -->
    <link rel="stylesheet" href="/css/plugins/datatable/TableTools.css">
    <!-- chosen -->
    <link rel="stylesheet" href="/css/plugins/chosen/chosen.css">
    <!-- Theme CSS -->
    <link rel="stylesheet" href="/css/style.css">
    <!-- Color CSS -->
    <link rel="stylesheet" href="/css/themes.css">
    <!-- Fullcalendar -->
    <link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap-datetimepicker.min.css">

    @*<link href="/css/multiple-select.css" rel="stylesheet" />*@

    <!-- jQuery -->
    <script src="/js/jquery.min.js"></script>

    @*<script src="/js/jquery.multiple.select.js"></script>*@

    <!-- jQuery UI -->
    <script src="/js/plugins/jquery-ui/jquery.ui.core.min.js"></script>
    <script src="/js/plugins/jquery-ui/jquery.ui.widget.min.js"></script>
    <script src="/js/plugins/jquery-ui/jquery.ui.mouse.min.js"></script>
    <script src="/js/plugins/jquery-ui/jquery.ui.draggable.min.js"></script>
    <script src="/js/plugins/jquery-ui/jquery.ui.resizable.min.js"></script>
    <script src="/js/plugins/jquery-ui/jquery.ui.sortable.min.js"></script>

    <script src="/js/plugins/validation/jquery.validate.min.js"></script>
    <script src="/js/plugins/validation/additional-methods.min.js"></script>

    <!-- Bootstrap -->
    <script src="/js/bootstrap.min.js"></script>

    <script src="/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

    @*<script src="/js/plugins/ckeditor/ckeditor.js"></script>
        <script src="/js/plugins/ckfinder/ckfinder.js"></script>*@
    <!-- dataTables -->
    <script src="/js/plugins/datatable/jquery.dataTables.min.js"></script>
    <script src="/js/plugins/datatable/TableTools.min.js"></script>
    <script src="/js/plugins/datatable/ColReorder.min.js"></script>
    <script src="/js/plugins/datatable/ColVis.min.js"></script>
    <script src="/js/plugins/datatable/FixedColumns.min.js"></script>
    <script src="/js/plugins/datatable/dataTables.scroller.min.js"></script>

    <script src="/js/plugins/datepicker/bootstrap-datepicker.js"></script>
    <script type="text/javascript" src="/js/bootstrap-datetimepicker.min.js"></script>

    <script src="/js/Custom.js"></script>

    <!-- Theme framework -->
    <script src="/js/eakroko.js"></script>
    <!-- Theme scripts -->
    <script src="/js/application.min.js"></script>
    <!-- Just for demonstration -->
    <script src="/js/demonstration.min.js"></script>
    <!-- Favicon -->
    <link rel="shortcut icon" href="/img/favicon.ico" />
    <!-- Apple devices Homescreen icon -->
    <link rel="apple-touch-icon-precomposed" href="/img/apple-touch-icon-precomposed.png" />

</head>

<body>
    <div class="box box-bordered box-color satblue">
        <div class="box-title">
            <h3><i class="icon-reorder"></i> Inline tabs</h3>
        </div>
        <div class="box-content nopadding">
            <ul class="tabs tabs-inline tabs-top">
                <li class="">
                    <a href="#Email-Details" data-toggle="tab"><i class="glyphicon-e-mail"></i> Email Details</a>
                </li>
                <li class="">
                    <a href="#Logs-Exception" data-toggle="tab"><i class="glyphicon-fire"></i> Logs Exception</a>
                </li>
                @*<li class="">
                    <a href="#thirds3322" data-toggle="tab"><i class="icon-tag"></i> Important</a>
                </li>
                <li class="active">
                    <a href="#thirds33" data-toggle="tab"><i class="icon-trash"></i> Deleted</a>
                </li>*@
            </ul>
            <div class="tab-content padding tab-content-inline tab-content-bottom">
                <div class="tab-pane" id="Email-Details">
                    <h4>Mail From</h4>
                    @Html.Raw(Model.MailFrom)
                    <h4>Mail To</h4>
                    @Html.Raw(Model.MailTo)
                    <h4>Mail Subject</h4>
                    @Html.Raw(Model.MailSubject)
                    <h4>Mail OrderRef</h4>
                    @Html.Raw(string.IsNullOrWhiteSpace(Model.MailOrderRef) == true ? "<i>Has no Orderref</i>" : Model.MailOrderRef)
                    <h4>Attachment</h4>
                    @Html.Raw(string.IsNullOrWhiteSpace(Model.MailFileLocation) == true ? "<i>Has no file Attachment</i>" : Model.MailOrderRef)                    
                    <div class="progress progress-info">
                        <div class="bar" style="width: 100%"></div>
                    </div>
                    <h4>Mail Message: </h4>
                    
                    @Html.Raw(Model.MailMessage)
                </div>
                <div class="tab-pane" id="Logs-Exception">
                    <h4>Logs Time Stamp</h4>
                    @Html.Raw(Model.LogTimeStamp)
                    <h4>Logs Stack Trace</h4>
                    @Html.Raw(Model.LogStackTrace)
                    <h4>Logs Message</h4>
                    @Html.Raw(Model.LogMessage)
                </div>
            </div>
        </div>
    </div>
    </body>
</html>
